<template>
  <div class="main">
    <page-header></page-header>
    <back :showSearch="true"></back>
    <div class="content flex justify-between px-2">
      <div class="">
        <!-- <first></first> -->
        <second ></second>
        <third></third>
      </div>
      <div>
        <four></four>
        <five></five>
      </div>
      <div>
        <six></six>
        <night></night>
      </div>
    </div>
  </div>
</template>
<script>
var echarts = require("echarts");
import pageHeader from "@/components/header.vue";
import back from "@/components/back.vue";
// import first from "./components/first";
import second from "./components/second";
import third from "./components/third";
import four from "./components/four";
import five from "./components/five";
import six from "./components/six";
import night from "./components/night";
export default {
  name: "pageHome",
  components: { pageHeader, back, /*first,*/ second, third, four, five, six,night },
  data() {
    return { 
    };
  },
 
};
</script>
<style lang="stylus" scoped></style>
